<template>
    <div class="item">
        <router-link to="/home/list">
            <van-icon name="list-switch" size="30" />
        </router-link>

        <van-search v-model="value" disabled placeholder="请输入搜索关键词" @click="tosearch" />

        <router-link to="/home/my">
            <van-icon name="user-circle-o" size="30" />
        </router-link>


    </div>
</template>

<script setup>
import { ref } from "vue";
import { useRoute, useRouter } from 'vue-router'

const router = useRouter()
const route = useRoute()

const tosearch = () => {
    router.push('/search')
}


</script>

<style lang="scss" scoped>
.item {

    display: flex;
    align-items: center;

    .van-search {
        flex: 1;
    }
}
</style>